<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="es-ES">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DLS - Lista de Requerimiento de Personal</title>
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/reset.css">
<!-- <script type="text/javascript" src="js/jquery-1.9.1.js"></script> -->

<link rel="stylesheet" href="../css/jquery-ui.css" />
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/jquery-ui.js"></script>
<script src="../js/script.js"></script>

<script>
  $(function() {    
    $( "#rdAreaInteres" ).buttonset();
    $( "#spinDuracion" ).spinner();
    $( "#spinVacantes" ).spinner();
    $( "#btnSearch" ).button({ icons: { primary: "ui-icon-circle-zoomin" } });
    $( "#btnNew" ).button({ icons: { primary: "ui-icon-plus" } });
    $( "#btnRegister" ).button({ icons: { primary: "ui-icon-disk" } });
    
    $( "#btnView1" ).button({ icons: { primary: "ui-icon-circle-zoomin" }, text: false })
    	.click(function() { $( "#dialog1" ).dialog( "open" ); });
    $( "#btnView2" ).button({ icons: { primary: "ui-icon-circle-zoomin" }, text: false })
	    .click(function() { $( "#dialog1" ).dialog( "open" ); });
    $( "#btnView3" ).button({ icons: { primary: "ui-icon-circle-zoomin" }, text: false })
    	.click(function() { $( "#dialog1" ).dialog( "open" ); });
    $( "#btnView4" ).button({ icons: { primary: "ui-icon-circle-zoomin" }, text: false })
    	.click(function() { $( "#dialog1" ).dialog( "open" ); });
    $( "#btnView5" ).button({ icons: { primary: "ui-icon-circle-zoomin" }, text: false })
    	.click(function() { $( "#dialog1" ).dialog( "open" ); });
    
    $( "#dialog1" ).dialog({
        autoOpen: false,
        height: 530,
        width: 700,
        modal: true
    });
    
    $( "#btnOk" ).button({ icons: { primary: "ui-icon-check" } });
    $( "#btnCancel" ).button({ icons: { primary: "ui-icon-close" } });
    
  });
  </script>
</head>
<body>

<div class="wrapper styled">

<jsp:include page="../template/header.jsp"></jsp:include>

<jsp:include page="../template/menu.jsp"></jsp:include>

<div class="body" style="">

	<div class="metro-title textCenter">
		<span>DLS - Buscar Requerimiento de Personal</span>
	</div>
	
	<table class="tbForm widthTotal" style="margin-left: 15%; width: 70% !important; margin-right: 15% !important;">
    	<tr class="trHead">
    		<td><label>Nro Solicitud</label></td>
    		<td colspan="2"><label>Area/Unidad</label></td>
    	</tr>
    	<tr>
    		<td><input class="widthTotal" type="text"/></td>
    		<td colspan="2" class="textCenter">
				<div id="rdAreaInteres">
				    <input type="radio" id="rdAreaInteres1" name="radio"/><label for="rdAreaInteres1">ADMINISTRACION</label>
				    <input type="radio" id="rdAreaInteres2" name="radio"/><label for="rdAreaInteres2">PRODUCCION</label>
				    <input type="radio" id="rdAreaInteres3" name="radio"/><label for="rdAreaInteres3">SISTEMAS</label>
				    <input type="radio" id="rdAreaInteres4" name="radio"/><label for="rdAreaInteres4">VENTAS</label>
				</div>
			</td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Cargo/Posición</label></td>
    	</tr>
    	<tr>
    		<td colspan="3"><input class="widthTotal" type="text"/></td>
    	</tr>    	
    </table>
    
    <div class="line" style="text-align: center;width: 100%;">
  		<button id="btnSearch">Buscar</button>
  		<button id="btnNew">Nueva Solicitud</button>
  	</div>
    
	<br/>
	<table class="tbForm widthTotal">
		<tr class="ui-state-default">
			<td style="height: 36px; width: 5%;"><label>Nro.</label></td>
			<td style="height: 36px; width: 65%;"><label>Cargo/Posicion</label></td>
			<td style="width: 25%;"><label>Area/Unidad</label></td>
			<!-- <td class="textCenter"><label>Evaluar</label></td> -->
			<td style="width: 5%;" class="textCenter">
				<span class="ui-icon ui-icon-circle-zoomin" title="Evaluar"></span>
			</td>	
		</tr>
	</table>
	<table class="tbForm widthTotal metro-grid">
    	<tr class="trHead">
    		<td style="height: 36px; width: 5%;"><label>1</label></td>
    		<td style="width: 65%;"><label>ANALISTA DE CALIDAD JAVA</label></td>
    		<td style="width: 25%;"><label>OUTSOURCING</label></td>
    		<td style="width: 5%;" class="textCenter"><button id="btnView1">Evaluar</button> </td>
    	</tr>
    	<tr>
    		<td style="height: 36px; width: 5%;"><label>2</label></td>
    		<td><label>ANALISTA DE CALIDAD .NET</label></td>
    		<td><label>OUTSOURCING</label></td>
    		<td class="textCenter"><button id="btnView2">Evaluar</button> </td>
    	</tr>
    	<tr class="trHead">
    		<td style="height: 36px; width: 5%;"><label>3</label></td>
    		<td><label>ANALISTA DE CALIDAD JAVA (PRUEBAS IVR)</label></td>
    		<td><label>OUTSOURCING</label></td>
    		<td class="textCenter"><button id="btnView3">Evaluar</button> </td>
    	</tr>
    	<tr>
    		<td style="height: 36px; width: 5%;"><label>4</label></td>
    		<td><label>ANALISTA PROGRAMADOR JAVA WEB SERVICES</label></td>
    		<td><label>OUTSOURCING</label></td>
    		<td class="textCenter"><button id="btnView4">Evaluar</button> </td>
    	</tr>
    	<tr class="trHead">
    		<td style="height: 36px; width: 5%;"><label>5</label></td>
    		<td><label>ANALISTA PROGRAMADOR UNIX</label></td>
    		<td><label>OUTSOURCING</label></td>
    		<td class="textCenter"><button id="btnView5">Evaluar</button> </td>
    	</tr>
    </table>
	    
</div>

<div id="dialog1" title="Evaluar">
	<table class="tbForm widthTotal">
    	<tr class="trHead">
    		<td colspan="2"><label>Cargo/Posición</label></td>
    		<td><label>Area/Unidad</label></td>
    	</tr>
    	<tr>
    		<td colspan="2"><label>ANALISTA DE CALIDAD .NET</label> </td>
    		<td class="textCenter">
				<div id="rdAreaInteres">
				    <input type="radio" id="rdAreaInteres3" name="radio"/><label for="rdAreaInteres3">SISTEMAS</label>
				</div>
			</td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Funciones del Puesto</label></td>
    	</tr>
    	<tr>
    		<td colspan="3"><label>Desarrollar e implementar sistemas de integración con Java y Web Services.</label> </td>
    	</tr>
    	<tr class="trHead">
    		<td><label>Especialidad</label></td>
    		<td><label>Duracion</label></td>
    		<td><label>Nro Vacantes</label></td>
    	</tr>
    	<tr>
    		<td><label>JAVA</label> </td>
    		<td>6 meses</td>
    		<td>5 </td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Conocimientos</label></td>
    	</tr>
    	<tr>
    		<td colspan="3"><label>&nbsp;</label> </td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Experiencia Laboral</label></td>
    	</tr>
    	<tr>
    		<td colspan="3"><label>No Definido</label> </td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Otros Requisitos: (Conocimientos, habilidades, areas de interes, meritos, etc)</label></td>
    	</tr>
    	<tr>
    		<td colspan="3">
    			<label>
    				• Egresado/Bachiller de carrera técnica/universitaria en Sistemas e Informática o afines.<br>
					• 2 años de experiencia en desarrollo con Java.<br>
					• 1 año de experiencia en desarrollo de Web Services.<br>
					• 1 año de experiencia en despliegue de componentes en Weblogic, OSB y SOA Suite.<br>
					• Conocimientos en desarrollo de scripts Unix/Linux.
				</label>
			</td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"></td>
    	</tr>
    </table>
    
    <div class="line" style="text-align: center;width: 100%;">
  		<button id="btnOk">Aceptar</button>
  		<button id="btnCancel">Cancelar</button>
  	</div>
    
</div>

<jsp:include page="../template/footer.jsp"></jsp:include>

</div>

</body>
</html>